$(function(){
	console.log("xxxxxxxxxxx");
	// 查询教室信息
	//请求参数
	let reqParam = {};
	queryData(reqParam);
});

//条件查询教室信息(单表查询)

function queryClassRoom(){
	//组装参数
	let reqParam = {};
	reqParam.classroomNumber = $("#classroomNumber").val();
	reqParam.classroomName = $("#classroomName").val();
	// {"classroomNumber": "123"}
	//调用查询
	queryData(reqParam);
	
}

/**
 * 查询教室信息
 */
function queryData(reqParam) {
	
	var url = $("#addr").val() + "/classroom/queryData";
	
	 $.ajax({
        type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(reqParam),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
        success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			//把页面写在html页面上
			//let str = "";
			let arrData =  data.data;
			var classroomId = arrData.classroomId;//获取教室Id把值给classroomId
			/*for(let i = 0; i< arrData.length;i++){//JSfor循环
				// arrData[i].createTime获取修改时间
				str = str + "<tr>";
				str = str + "<td>"+ arrData[i].area +"</td>";
				str = str + "<td>"+ arrData[i].buildingNo +"</td>";
				str = str + "<td>"+ arrData[i].buildingFloor +"</td>";
				str = str + "<td>"+ arrData[i].classroomId +"</td>";
				str = str + "<td>"+ arrData[i].classroomNumber +"</td>";
				str = str + "<td>"+ arrData[i].classroomName +"</td>";
				str = str + "<td>"+ arrData[i].galleryful +"</td>";
				str = str + "<td>"+ useStatus(arrData[i].useStatus) +"</td>";
				str = str + "<td>"+ arrData[i].deleteFlag +"</td>";
				str = str + "<td>"+ getYMDHMS(arrData[i].createTime) +"</td>";
				str = str + "<td>"+ getYMDHMS(arrData[i].updateTime) +"</td>";
				
				var classroomId = arrData[i].classroomId;//获取教室Id把值给classroomId
				
				str = str + "<td>" + " <button type='button' onclick='findData(\"" + classroomId + "\")' class='btn btn-primary' data-toggle='modal' "
				          + "data-target='#updatemodal' data-whatever='@fat'>修改</button> " + "</td>";
				          
				str = str + "<td>" + " <button type='button' onclick='findData(\"" + classroomId + "\")' class='btn btn-primary' data-toggle='modal' "
				          + "data-target='#deletemodal' data-whatever='@fat'>删除</button> " + "</td>";          
				str = str + "</tr>";
				
				
				
				
			}*/
			$('#asdf').bootstrapTable('destroy');
			$('#asdf').bootstrapTable({
				// url: retData,
				data: arrData,
				columns: [{
					field: 'area',
					title: '区域'
				}, {
					field: 'buildingNo',
					title: '楼号'
				}, {
					field: 'createTime',
					title: '楼层'
				}, {
					field: 'classroomId',
					title: '教室ID'
				}, {
					field: 'classroomNumber',
					title: '教室编号'
				}, {
					field: 'classroomName',
					title: '教室名称'
				}, {
					field: 'galleryful',
					title: '容纳人数'
				}, {
					field: 'useStatus',
					title: '使用状态',
					sortable: true,
					formatter: function (value, row , index){
						if(value == 0){
							return '使用';
						}else if(value == 1){
							return '未使用';
						}else if(value == 2){
							return '维修中';
						}
					}
				}, {
					field: 'createTime',
					title: '创建时间',
					sortable: true,
					formatter: function (value, row , index){
						
						return getYMDHMS(value)
					}
				}, {
					field: 'updateTime',
					title: '修改时间',
					sortable: true,
					formatter: function (value, row , index){
						
						return getYMDHMS(value)
					}
				}, {
					field: '',
					title: '操作',
					formatter: function(value, row, index){//row是data返回的对象，index是返回的长度
						return "<button type='button' onclick='findData(\"" + row.classroomId + "\")' class='btn btn-primary' data-toggle='modal'  data-target='#updatemodal' data-whatever='@fat'>修改</button>"
						+"<button type='button' onclick='findData(\"" + row.classroomId + "\")' class='btn btn-primary' data-toggle='modal' data-target='#deletemodal' data-whatever='@fat'>删除</button>"
					}
				},] 
			});
			//引用jsp页面
			//$("#tablebody").html(str);
			// $("#tablebody").append(str);
			
        }
        
    });
	
}

// 状态转换
// 使用状态 0-使用 1-未使用 2-维修中
function useStatus(status) {
	if (status == "0") {
		return "使用";
	} else if (status == "1") {
		return "未使用";
	} else if (status == "2") {
		return "维修中";
	} else {
		return "错误";
	}
}


//时间格式转换
function getYMDHMS(timestamp) {
	let time = new Date(timestamp)
	let year = time.getFullYear()
	let month = time.getMonth() + 1
	let date = time.getDate()
	let hours = time.getHours()
	let minute = time.getMinutes()
	let second = time.getSeconds()

	if (month < 10) { month = '0' + month }
	if (date < 10) { date = '0' + date }
	if (hours < 10) { hours = '0' + hours }
	if (minute < 10) { minute = '0' + minute }
	if (second < 10) { second = '0' + second }
	return year + '-' + month + '-' + date + ' ' + hours + ':' + minute + ':' + second
}
//修改数据
function updateData(){
	console.log("...update..");

	 // 请求路径
	var url = $("#addr").val() + "/classroom/editData";
	console.log("请求路径::: " + url);
	//请求数据
	//$("#update-area").val();  update-area要跟前面的jsp页面对应
	var reqParam = {};
	reqParam.area = $("#update-area").val();
	reqParam.buildingNo = $("#update-building-no").val();
	reqParam.floor = $("#update-floor").val();
	reqParam.classroomNumber = $("#update-classroom-number").val();
	reqParam.classroomName = $("#update-classroom-name").val();
	reqParam.galleryful = $("#update-galleryful").val();
	reqParam.pkId = $("#pkId").val();
	 $.ajax({
        type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(reqParam),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
        success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			
			//引用jsp页面
			$("#updatemodal").modal('hide');//关闭模态框
			
			let reqParam = {};
			queryData(reqParam);
        }
    });
}
// 根据教室ID查询教室信息
function findData(classroomId){
	console.log("classroomId::: " + classroomId);
	
	//请求路径
	var url = $("#addr").val() + "/classroom/findByClassroomId";
	console.log("请求路径::: " + url);
	//请求数据
	var reqParam = {};
    reqParam.classroomId = classroomId;
    // ajax请求
	$.ajax({
		type: "POST",
		url: url, // 请求的URL
		data: JSON.stringify(reqParam),  // 请求的数据
		dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
		contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
		async: true, // 可以不写， 是否异步请求
		success: function(data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			console.log("返回数据::: " + data.data);

            let redata = data.data;
            //反显update删除页面的数据
            $("#update-area").val(redata.area);//跟前面的jsp页面的<label for="update-area"是对应的
            $("#update-building-no").val(redata.buildingNo);
            $("#update-floor").val(redata.buildingFloor);
            $("#update-classroom-number").val(redata.classroomNumber);
            $("#update-classroom-name").val(redata.classroomName);
            $("#update-galleryful").val(redata.galleryful);
            $("#pkId").val(redata.pkId); 
            //反显delete删除页面的数据
            $("#delete-area").val(redata.area); 
            $("#delete-building-no").val(redata.buildingNo); 
            $("#delete-floor").val(redata.buildingFloor); 
            $("#delete-classroom-number").val(redata.classroomNumber); 
            $("#delete-classroom-name").val(redata.classroomName); 
            $("#delete-galleryful").val(redata.galleryful); 

		}
	});
}
//新增
function saveData(){
	 // 请求路径
	var url = $("#addr").val() + "/classroom/saveData";
	console.log("请求路径::: " + url);
	//请求数据
	//$("#update-area").val();  update-area要跟前面的jsp页面对应
	var reqParam = {};
	reqParam.area = $("#insert-area").val();
	reqParam.buildingNo = $("#insert-building-no").val();
	reqParam.floor = $("#insert-floor").val();
	reqParam.classroomNumber = $("#insert-classroom-number").val();
	reqParam.classroomName = $("#insert-classroom-name").val();
	reqParam.galleryful = $("#insert-galleryful").val();
	reqParam.usestatus = $("#add-useStatus").val();
	 $.ajax({
        type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(reqParam),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
        success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			if("0000" == data.code){
				//引用jsp页面
				$("#addmodal").modal('hide');//关闭模态框
				let reqParam = {};
				queryData(reqParam);
				
			}else if("0011"== data.code){
				alert("数据重复");
			}else{
				alert("无法保存数据");
			}
			
        }
    });
	
}
//删除
function deleteData(){
	
	 // 请求路径
	var url = $("#addr").val() + "/classroom/deleteData";
	console.log("请求路径::: " + url);
	//请求数据
	var reqParam = {};
	reqParam.area = $("#delete-area").val();
    reqParam.buildingNo = $("#delete-building-no").val();
    reqParam.floor = $("#delete-floor").val();
    reqParam.classroomNumber = $("#delete-classroom-number").val();
    reqParam.classroomName = $("#delete-classroom-name").val();
    reqParam.galleryful = $("#delete-galleryful").val();
	reqParam.pkId = $("#pkId").val();
	console.log("请求参数::: " + reqParam);
	
	 $.ajax({
        type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(reqParam),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
        success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			
			//引用jsp页面
			$("#deletemodal").modal('hide');//关闭模态框
			
			let reqParam = {};
			queryData(reqParam);
        }
    });
	
}
	
	
	
	
	
	
	

